<template>
  <div>
    <Divider>按钮组</Divider>

    <Card :bordered="false">
      <template #title>
        <span>按钮</span>
      </template>
      <button-list :btn-list="btnList" :flex="'flex-start'" :margin-bottom="20" />
      <button-list :btn-list="dangerBtnList" :flex="'flex-start'" :margin-bottom="20" />
      <button-list :btn-list="warningBtnList" :flex="'flex-start'" :margin-bottom="20" />
      <button-list :btn-list="successBtnList" :flex="'flex-start'" :margin-bottom="20" />
    </Card>
  </div>
</template>

<script setup>
import { btnList, dangerBtnList, warningBtnList, successBtnList } from './data/button';
</script>
